<template>
	<scroll-view scroll-y class="public-scroll-view">
		<view class="icon-model">
			<icon type="success" size="30" />
			<text class="icon-name">成功</text>
		</view>

		<view class="icon-model">
			<icon type="warn" size="30" />
			<text class="icon-name">警告</text>
		</view>

		<view class="icon-model">
			<icon type="info" size="30" />
			<text class="icon-name">信息</text>
		</view>

		<view class="icon-model">
			<icon type="cancel" size="30" />
			<text class="icon-name">取消</text>
		</view>

		<view class="icon-model">
			<icon type="search" size="30" />
			<text class="icon-name">搜索</text>
		</view>

		<view class="icon-model">
			<icon type="download" size="30" />
			<text class="icon-name">下载</text>
		</view>

	</scroll-view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.icon-model {
		height: 100rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.icon-name {
		font-size: 28rpx;
		margin-left: 10rpx;
	}
</style>